+++
title = "smart IDE"
linkTitle = "smart IDE"

+++

{{< blocks/cover title="Open Source CloudNative IDE" image_anchor="top" height="med" color="orange" >}}
<div class="mx-auto">
	<p class="lead mt-5">Based on Remote Workspace</p>
	<a class="btn btn-lg btn-primary mr-3 mb-4" href="{{< relref "/docs/" >}}">
		QuickStart <i class="fas fa-arrow-alt-circle-right ml-2"></i>
	</a>
	<a class="btn btn-lg btn-secondary mr-3 mb-4" target="_blank" href="https://github.com/SmartIDE/SmartIDE">
		GitHub <i class="fab fa-github ml-2 "></i>
	</a>
	<p class="lead mt-1">
		<img src="https://dev.azure.com/leansoftx/smartide/_apis/build/status/smartide-codesign-ci?branchName=main" />
		<img src="https://github.com/smartide/smartide/actions/workflows/smartide-docs-publish.yml/badge.svg" />
		<br/>
		<img src="https://dev.azure.com/leansoftx/945b0f40-4baa-4f8a-be2c-4997b4c0af6a/23e62cbd-3bd8-42a3-a414-df7a1957a69b/_apis/work/boardbadge/37313877-3fed-46f3-87c0-dd28ce47e264" />
	</p>
	
	{{< blocks/link-down color="info" >}}
</div>
{{< /blocks/cover >}}

{{< blocks/section color="dark">}}
<div class="container">
	<div class="col">
		<div class="row p-0">
			<div class="col-lg-6 mb-5 mb-lg-0">
				<table>
					<tr height="50px">
						<td width="80px" align="center"><i class="fas fa-bolt fa-2x"></i></td>
						<td><p class="h3 text-light d-inline"> Simply smartide start </p></td>
					</tr>
					<tr height="50px">
						<td width="50px" align="center"><i class="fas fa-tools fa-2x"></i></td>
						<td><p class="h3 text-light d-inline"> Works on your machine and everywhere </p></td>
					</tr>
					<tr height="50px">
						<td width="50px" align="center"><i class="fas fa-rocket fa-2x"></i></td>
						<td><p class="h3 text-light d-inline"> Pre-compiled & ready to run </p></td>
					</tr>
					<tr height="50px">
						<td width="50px" align="center"><i class="fas fa-cogs fa-2x"></i></td>
						<td><p class="h3 text-light d-inline"> Interactive debugging </p></td>
					</tr>
					<tr height="50px">
						<td width="50px" align="center"><i class="fas fa-code fa-2x"></i></td>
						<td><p class="h3 text-light d-inline"> Remote development on localhost </p></td>
					</tr>
					<tr height="50px">
						<td width="50px" align="center"></td>
						<td><a class="h5 text-light d-inline" href="/en/docs/quickstart/"> <i class="fas fa-arrow-right fa-1x"></i> Try now </a></td>
					</tr>
				</table>
			</div>
			<div class="col-lg-6 mb-5 mb-lg-0">
				{{< youtube DJ9EVh7rHFk >}}
			</div>
		</div>
	</div>
</div>
{{< /blocks/section >}}
{{< blocks/section color="azure" >}}
<div class="container">
	<div class="col">
		<div class="row p-0">
			<div class="col-lg-6 mb-5 mb-lg-0" style="align-items: center;">
				<p>Cross Platform</p>
				<img src="/images/logo-windows.png" style="width:70px;height:auto;padding: 5px;"/>
				<img src="/images/logo-macos.png" style="width:160px;height:auto;padding: 5px;"/>
				<img src="/images/logo-linux.png" style="width:150px;height: auto;padding: 5px;"/>
			</div>
			<div class="col-lg-6 mb-5 mb-lg-0" style="align-items: center;">
				<p>Full Stack</p>
				<img src="/images/logo-javascript.png" style="width:120px;height: auto;padding: 5px;"/>
				<img src="/images/logo-python.png" style="width:150px;height: auto;padding: 5px;"/>
				<img src="/images/logo-nodejs.png" style="width:150px;height: auto;padding: 5px;"/>
				<img src="/images/logo-java.png" style="width:120px;height: auto;padding: 5px;"/>				
				<img src="/images/logo-golang.png" style="width:120px;height: auto;padding: 5px;"/>
				<img src="/images/logo-php.png" style="width:80px;height: auto;padding: 5px;"/>
				<img src="/images/logo-dotnet.png" style="width:100px;height: auto;padding: 5px;"/>
				<img src="/images/logo-cpp.png" style="width:100px;height: auto;padding: 5px;"/>
			</div>
		</div>
	</div>
</div>
{{< /blocks/section >}}

{{< blocks/section color="light" >}}

{{% blocks/feature icon="fas fa-bolt" title="SmartIDE Start" %}}
Use [smartide start] to start, run and debug your application instantly.

Containerized environment catered for development.
{{% /blocks/feature %}}

{{% blocks/feature icon="fas fa-laptop-code" title="Familiar IDEs in Browser"%}}
Built-in WebIDE, use your familiar IDE and extensions to write your own code.

Only a modern browser is required to start coding.
{{% /blocks/feature %}}

{{% blocks/feature icon="fas fa-cloud-upload-alt" title="Cloud Powered"%}}
Move your local development to the cloud with one simple command.

Extend your local machine with cloud capacilites.
{{% /blocks/feature %}}

{{< /blocks/section >}}

{{< blocks/section color="azure;" >}}
<div class="container">
	<div class="col">
		<div class="row p-0">
			<div class="col-lg-4 mb-5 mb-lg-0" style="align-items: center;">
				<p>Smart Developer Program</p>
  				<img src="/images/smartide-s-qrcode.png" style="width:120px;height:auto;padding: 1px;"/>
				  <p style="font-size: small;color: brown;">WeChat scan to join our Smart Developer Program.</p>
			</div>
			<div class="col-lg-8 mb-5 mb-lg-0" style="align-items: center;">
				<p>Partners</p>
				<img src="/images/logo-leansoft.png" style="width:250px;height: auto;padding: 10px;"/>
				<img src="/images/logo-idcf.png" style="width:250px;height: auto;padding: 10px;"/>
				<img src="/images/logo-mvp.png" style="width:150px;height: auto;padding: 10px;"/>
				<img src="/images/logo-msrd.png" style="width:250px;height: auto;padding: 10px;"/>
			</div>
		</div>
	</div>
</div>
{{< /blocks/section >}}
